<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap-table@latest/dist/bootstrap-table.min.js"></script>
  <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>


  <script>
    $(function() {
      $('#my-table').bootstrapTable({
        data: [
          {id: 1, name: 'John', age: 30},
          {id: 2, name: 'Jane', age: 25},
          {id: 3, name: 'Bob', age: 40},
        ],
        columns: [
          {field: 'id', title: 'ID'},
          {field: 'name', title: 'Name'},
          {field: 'age', title: 'Age'},
        ],
      });
    });
  </script>
</head>
<body>

<table id="my-table"></table>


</body>
</html>